<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>我的笔记</title>
	<link rel="stylesheet" type="text/css" href="fonts/iconfont.css" />
	<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<link rel="stylesheet" type="text/css" href="css/mydir.css" />
</head>

<body>
	<div class="container">
		<!-- header -->
		<header>
			<img src="images/top.png">
			<a href="selfcenter.html"><span class="iconfont icon-left"></span></a>
			<span class="s1">我的笔记</span>
			<span></span>
		</header>

		<!-- main -->
		<main>
			<div class="main1">
				<div>
					<span>你已连续学习0天</span>
					<span class="s1">共学习0天</span>
				</div>

				<a href="">查看历史记录</a>
			</div>


			<div class="main2">
				<div class="m">
					<p>今日学习0份</p>
				</div>
				<div class="mm">
					<p>你最近七天没有学习记录，继续加油吧</p>
				</div>
			</div>

			<div class="main3">
				<a href="">
					<p>我的笔记</p>
					<p><span>0条笔记</span>
						<span class="iconfont icon-dayuhao"></span></p>
				</a>


			</div>
			<div class="main3" style="margin-top: 0.22rem">
				<a href="">
					<p>浏览记录</p>
					<p><span>7条记录</span>
						<span class="iconfont icon-dayuhao"></span></p>
				</a>
			</div>

			<div class="main4">
				<a href="">
					+新建分类
				</a>
			</div>
			<div class="main5">
				<p>您当前暂无分类，点击右上角新建分类进行创建</p>
			</div>
		</main>

	</div>
</body>

</html>